<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../plugins/elementui/index.css">


    <script src="../js/vue.js"></script>

    <script src="../plugins/elementui/index.js"></script>
</head>
<body>

<div id="app">
    <template>
        <el-button :plain="true" @click="open1">消息</el-button>
        <el-button :plain="true" @click="open2">成功</el-button>
        <el-button :plain="true" @click="open3">警告</el-button>
        <el-button :plain="true" @click="open4">错误</el-button>
    </template>
</div>
<script>

    new Vue({
        el:"#app",

        methods:{
            open1(){
                this.$message("啦啦啦11");
            },
            open2(){
                this.$message({
                    message:"啦啦啦222",
                    type:"success",
                });
            },
            open3(){
                this.$message({
                    message:"啦啦啦333",
                    type:"warning",
                });
            },
            open4(){
                this.$message({
                    message:"啦啦啦444",
                    type:"error",
                });
            }

        }


    })

</script>
</body>
</html>